{% extends "navgation.html" %}
{% block content %}
{% autoescape off %}

    <div class="container bs-docs-example">
        <div class="row">
            <div class="col-md-9">
                <div class="row">
                    <h2>{{article.post_title}}</h2>
                </div>
                <div class="row"><hr class="bs-docs-separator" size='2'></div>
                <div class="row">
                    发布时间：{{article.post_date}}
                    作者：{{article.post_author}}
                </div>
                <div class="row"><hr class="bs-docs-separator" size='2'></div>    
                <div class="row">
                    {{article.post_content}}
                </div>
                <br>
                <br>
                <br>

                <div class="row">
                    <div class="bdsharebuttonbox">
                        <a href="#" class="bds_more" data-cmd="more"></a>
                        <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                        <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                        <a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
                        <a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
                        <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                        </div>
                    <script>
                        window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"1","bdSize":"32"},"share":{},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
                    </script>
                </div>
                <div class="row">
                    <ul class="pager">
                    {% if article_prevous_id != 0 %}
                        <li class="previous"><a href="/blogs/article/detail/{{article_prevous_id}}">&laquo;上一页</a></li>
                    {% else %}
                        <li class="previous"><a href="#">已经是第一篇了</a></li>
                    {% endif %}
                    {% if article_next_id != 0 %}

                        <li  class="next"><a href="/blogs/article/detail/{{article_next_id}}">下一页&raquo;</a></li>
                    {% else %}
                        <li  class="next"><a href="#">已经是最后一篇了</a></li>
                    {% endif %}
                    </ul> 
                </div>
                <div class="row">
                    
                    <!-- 多说评论框 start -->
                    <div class="ds-thread" data-thread-key="{{article.id}}" data-title="{{article.post_title}}" data-url="/blogs/article/detail/{{article.id}}"></div>
                <!-- 多说评论框 end -->
                <!-- 多说公共JS代码 start (一个网页只需插入一次) -->
                <script type="text/javascript">
                var duoshuoQuery = {short_name:"zhangyan123"};
                    (function() {
                        var ds = document.createElement('script');
                        ds.type = 'text/javascript';ds.async = true;
                        ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
                        ds.charset = 'UTF-8';
                        (document.getElementsByTagName('head')[0] 
                         || document.getElementsByTagName('body')[0]).appendChild(ds);
                    })();
                    </script>
                <!-- 多说公共JS代码 end -->

                </div>
            </div>
            <div class="col-md-3">
                <div class="list-group">
                   <a href="" class="list-group-item active">热门文章</a>
                   {% for article_top in article_top_5 %}
                    <a href="/blogs/article/detail/{{article_top.id}}" class="list-group-item"><span class="badge">{{article_top.visited_count}}</span>{{article_top.post_title}}</a>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>
</body>
{% endautoescape %}
{% endblock %}
